<template>
  <div>
    <div>商品id: <strong>{{ goodsInfo.goodNo }}</strong></div>
    <div>商品名称: <strong>{{ goodsInfo.goodName }}</strong></div>
    <!-- slot 标签中间的内容是默认内容，也就是说：如果别人在使用我这个组件的时候，没有填充该插槽内容，才会显示 -->
    <div>商品描述: <slot name="desc" :goodsInfo="goodsInfo" :desc="goodsInfo.desc">{{ goodsInfo.desc }}</slot></div>
  </div>
</template>

<script>
export default {
  name: 'LogisticsGoods',
  props: {
    // 接收一个商品信息对象
    goodsInfo: {
      type: Object,
      required: true
    }
  }
}
</script>

<style>

</style>